<% include ../header_search.ejs %>

<section class="author-wrap">
    <div class="container">
        <div class="author-inner">
            <div class="s-mod-title clearfix">
                <h3><a href="">创作者</a></h3>
            </div>
            <div class="row clearfix">
                <% for(i=1;i<=6;i++) { %>
                <div class="col-sm-6 col-md-4">
                    <div class="block-map-item">
                        <div class="per-box clearfix">
                            <div class="per-ava"><a href="" target="_blank"><img class="img-circle img-responsive" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a></div>
                            <div class="per-info">
                                <h4><a href="" target="_blank">创作者名称</a><i class="v-name"></i> <i class="v-prof"></i></h4>
                                <p><span>导演 <i class="v-small fa fa-check-square-o"></i></span><span>摄像</span><span>配音师</span></p>
                                <small>狂奔的乌龟^_^ 人生永远只有两个选择，放弃或挺住！</small>
                            </div>
                        </div>
                        <footer class="per-act clearfix">
                            <a class="col-sm-3 item" href="">
                                <div class="num">123</div>
                                <div class="sub">作品</div>
                            </a>
                            <a class="col-sm-3 item" href="">
                                <div class="num">456</div>
                                <div class="sub">粉丝</div>
                            </a>
                            <a class="col-sm-3 item btn-link brand-success" href=""><i class="icon-msg"></i> 发私信</a>
                            <% if(i !=1 ) { %>
                            <a class="col-sm-3 item btn-link" href=""><i class="fa fa-plus"></i> 加关注</a>
                            <% }else { %>
                            <!-- 取消关注 -->
                            <a class="col-sm-3 item btn-link actived" href="">已关注</a>
                            <% } %>
                        </footer>
                    </div>
                </div>
                <% } %>
            </div>
        </div>
    </div>
</section>

<section class="works-wrap">
    <div class="container">
        <div class="w-video-list">
            <div class="s-mod-title clearfix">
                <h3><a href="" target="_blank">作品</a></h3>
            </div>
            <div class="row clearfix">
                <% for(i=1;i<=6;i++) { %>
                <div class="col-sm-6 col-md-4">
                    <div class="works-item">
                        <div class="block-map-item">
                            <div class="works-box clearfix">
                                <a href="" target="_blank">
                                    <figure><img class="img-responsive" src="/images/demo/case<%=i%>.jpg" alt=""/></figure>
                                    <div class="v-title"><span>微电影节第三单元作品《我是你爸爸》</span></div>
                                </a>
                            </div>
                            <footer class="per-act clearfix">
                                <div class="col-xs-6 col-sm-6 item">
                                    <div class="per-ava"><a href="" target="_blank"><img class="img-circle img-responsive" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a></div>
                                    <div class="per-info">
                                        <h5><a href="" target="_blank">乌龟</a></h5>
                                        <small><span>导演</span><span>摄像</span><span>配音师</span></small>
                                    </div>
                                </div>
                                <a class="col-xs-3 col-sm-3 item" href="">
                                    <div class="num">456</div>
                                    <div class="sub">作品</div>
                                </a>
                                <div class="col-xs-3 col-sm-3 item"><a class="btn-link" href=""><i class="fa fa-plus"></i> 加关注</a></div>
                            </footer>
                        </div>
                    </div>
                </div>
                <% } %>
            </div>
        </div>
    </div>
</section>

<section class="container">
    <div class="s-mod-title clearfix">
        <h3><a href=""  target="_blank">专栏</a></h3>
    </div>
    <div class="col-list-wrap">
        <div class="row">
            <% for (i=1;i<=4;i++) { %>
            <div class="col-sm-6">
                <div class="col-item">
                    <div class="col-name">
                        <h4>专栏名称(1234 人关注)</h4>
                        <figure><img class="img-circle" src="/images/demo/avatar<%=i%>.jpg" width="30" height="30" alt=""/> <a href="">我是剪辑师</a></figure>
                    </div>
                    <div class="col-con">
                        <figure>
                            <a href="" target="_blank"><img class="img-responsive" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a>
                            <i class="col-mark"></i>
                        </figure>
                        <article>
                            <p>飞天无敌剪辑师简介简介飞天无敌剪辑师简介简介简介简介简介简介简介简介</p>
                            <ul class="list-unstyled">
                                <li><a href="">一部超低成本的影片如何制作完成且走如何制作完成且走</a></li>
                                <li><a href="">一部超低成本的影片如何制作完成且走如何制作完成且走</a></li>
                                <li><a href="">一部超低成本的影片如何制作完成且走如何制作完成且走</a></li>
                            </ul>
                        </article>
                    </div>
                </div>
            </div>
            <% } %>
        </div>
    </div>
</section>

<section class="container">
    <div class="s-mod-title clearfix">
        <h3><a href="" target="_blank">文章</a></h3>
    </div>
    <div class="rec-main">
        <article class="art-list-wrap">
            <div class="art-info unimg">
                <h4><a href="" target="_blank">一部超低成本的影片如何制作完成且走向世界</a></h4>
                <div class="item"><span><a href="" target="_blank">小熊猫</a></span><span>今天8:33</span><span>专栏：<a href="" target="_blank">专栏名称</a></span><span>563 阅读</span></div>
                <p>第一次遇见，便被你所吸引，你的宇宙，让我不能自已。 不知从什么时候开始，我的世界，有了一份属于你的位置。 虽然你还不够好，缺点很多，但你的努力， 相信我，我能体会。 一年多了，还记得我们出现时被反对第一次...</p>
            </div>
        </article>
        <article class="art-list-wrap">
            <div class="art-info">
                <h3><a href="" target="_blank">一部超低成本的影片如何制作完成且走向世界</a></h3>
                <div class="item"><span><a href="" target="_blank">小熊猫</a></span><span>今天8:33</span><span>专栏：<a href="" target="_blank">专栏名称</a></span><span>563 阅读</span></div>
                <p>第一次遇见，便被你所吸引，你的宇宙，让我不能自已。 不知从什么时候开始，我的世界，有了一份属于你的位置。 虽然你还不够好，缺点很多，但你的努力， 相信我，我能体会。 一年多了，还记得我们出现时被反对第一次...</p>
            </div>
            <figure><a href="" target="_blank"><img class="img-responsive" src="/images/demo/case<%=i%>.jpg" alt=""/></a></figure>
        </article>
    </div>
</section>

<section class="container mt30">
    <div class="s-mod-title clearfix">
        <h3><a href="" target="_blank">小组</a></h3>
    </div>
    <div class="col-list-wrap">
        <div class="row">
            <% for (i=1;i<=4;i++) { %>
            <div class="col-sm-6">
                <div class="col-item">
                    <div class="col-name">
                        <h4><span class="pull-right label-name">剪辑 后期 特效</span>飞天无敌剪辑师（14574 成员）</h4>
                    </div>
                    <div class="col-con">
                        <figure>
                            <a href="" target="_blank"><img class="img-responsive" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a>
                            <i class="group-mark"></i>
                        </figure>
                        <article>
                            <p>飞天无敌剪辑师简介简介飞天无敌剪辑师简介简介简介简介简介简介简介简介</p>
                            <ul class="list-unstyled">
                                <li><a href="">一部超低成本的影片如何制作完成且走如何制作完成且走</a></li>
                                <li><a href="">一部超低成本的影片如何制作完成且走如何制作完成且走</a></li>
                                <li><a href="">一部超低成本的影片如何制作完成且走如何制作完成且走</a></li>
                            </ul>
                        </article>
                    </div>
                </div>
            </div>
            <% } %>
        </div>
    </div>
</section>

<section class="container">
    <div class="s-mod-title clearfix">
        <h3><a href="" target="_blank">话题</a></h3>
    </div>
    <div class="topic-list-wrap table-responsive">
        <table class="list-task table table-striped table-hover">
            <colgroup><col><col width="100px"><col width="100px"><col width="100px"><col width="100px"></colgroup>
            <tbody>
            <% for (i=1;i<=8;i++) { %>
            <tr class="tr">
                <td><a href="">一部超低成本的影片如何制作完成且走向世界</a></td>
                <td><a href="">小熊猫</a></td>
                <td><time>今天8:33</time></td>
                <td><a href="">影视技术</a></td>
                <td>56/547</td>
            </tr>
            <% } %>
            </tbody>
        </table>
    </div>
</section>

<section class="container mt30">
    <div class="s-mod-title clearfix">
        <h3><a href="" target="_blank">信息</a></h3>
    </div>
    <div class="topic-list-wrap table-responsive">
        <table class="list-task table table-striped table-hover">
            <colgroup><col><col width="100px"><col width="100px"><col width="100px"><col width="100px"></colgroup>
            <tbody>
            <% for (i=1;i<=8;i++) { %>
            <tr class="tr">
                <td><a href="">征集微电影剧本，酒水行业相关</a></td>
                <td><a href="">小熊猫</a></td>
                <td><time>今天8:33</time></td>
                <td><a href="">剧本买卖</a></td>
                <td>56/547</td>
            </tr>
            <% } %>
            </tbody>
        </table>
    </div>
</section>
<% include ../footer.ejs %>
